﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage<TotalNews.Helpers.PaginatedList<TotalNews.Models.tbl_Item>>" %>

<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
    Index
</asp:Content>
<asp:Content ID="Content4" ContentPlaceHolderID="Theme" runat="server">
    <link href="/Content/files/theme.css" rel="stylesheet" type="text/css" />
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="LeftContent" runat="server">
    <div id="ja-main" style="width: 100%;">
        <div class="inner clearfix">
            <div id="ja-contentwrap" class="">
                <div id="ja-content" class="column" style="width: 100%;">
                    <div id="ja-current-content" class="column" style="width: 100%;">
                        <div class="ja-content-top clearfix">
                            <div id="ja-zinfpwrap">
                                <div id="ja-zinfp" class="clearfix">
                                    <%Html.RenderPartial("TopNews"); %>
                                </div>
                            </div>
                            <script type="text/javascript">
    /* <![CDATA[ */
	    var news = $$('.ja-zinfp-normal .ja-zincontent');
	    if (news && news.length > 1) {
		    news.addClass('inactive');
		    news[0].addClass('active').removeClass('inactive');
		    news.addEvent('mouseover', function(){
			    $$('.ja-zinfp-normal .active').addClass('inactive').removeClass('active');
			    this.addClass('active').removeClass('inactive');
		    });
	    }
    /* ]]> */
                            </script>
                        </div>
                        <div class="ja-content-bottom clearfix">
                            <div id="ja-zinwrap">
                                <div style="visibility: visible;" id="ja-zin" class="ja-movable-container clearfix">
                                 <%Html.RenderPartial("CateNews"); %>
                                </div>
                            </div>
                            <script type="text/javascript">
    /* <![CDATA[ */
	    if (typeof JADDModules != 'undefined') new JADDModules($$("#ja-zinwrap .ja-movable-container"), {src_collap_1:src_collap_1, src_collap_2:src_collap_2, 'cookieprefix':'', title: '.ja-zinsec'});
    /* ]]> */
                            </script>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="RightContent" runat="server">
    <div class="ja-mass ja-mass-top clearfix">
        <%Html.RenderPartial("RightContent/TinDocNhieuNhat"); %>

        <div class="ja-moduletable moduletable_tabs clearfix" id="Mod100">
            <div class="ja-box-ct clearfix">
                <div class="ja-tabswrap teline_iii" style="width: 100%;">
                    <div id="myTab-2092798152" class="container">
                        <div class="ja-tabs-title-top" style="">
                            <ul class="ja-tabs-title">
                                <li class="first" title="Videos of the day">
                                    <h3>
                                        <span>Phim Hay</span></h3>
                                </li>
                                <li class="active" title="Photo gallery">
                                    <h3>
                                        <span>Ảnh đẹp</span></h3>
                                </li>
                                <li class="last" title="Bookmark pages">
                                    <h3>
                                        <span>Web hay</span></h3>
                                </li>
                            </ul>
                        </div>
                        <div style="height: 170px;" class="ja-tab-panels-top">
                            <div style="position: absolute; left: 0px; display: none;" class="ja-tab-content">
                                <div class="ja-tab-subcontent">
                                    <div class="ja-video-thumb">
                                        <a class="fancybox4972" href="#youtubeID4972" title="Political Roast : Obama Emanuel 2005">
                                            <img id="Img45" runat="server" src="/Content/files/2_003.jpg" alt="Political Roast : Obama Emanuel 2005"></a>
                                        <script language="javascript" type="text/javascript"> 
	    /* <![CDATA[ */
	    jQuery(document).ready(function() {
	    if( ! jQuery("a.fancybox4972").fancybox({
				    hideOnContentClick: false,
												    zoomSpeedIn: 500,
				    zoomSpeedOut: 1,
				    overlayShow: 1,
				    overlayOpacity: 0.7,
				    centerOnScroll: 1,
				    frameWidth: 640,
				    frameHeight: 380 }) ) 
		    jQuery("a.fancybox4972").fancybox();
    });
    /* ]]> */
                                        </script>
                                        <div style="display: none;" id="youtubeID4972">
                                            <center>
                                                <object type="application/x-shockwave-flash" data="/Content/files/cdphzxz64BY" height="380"
                                                    width="640">
                                                    <param name="movie" value="http://www.youtube.com/v/cdphzxz64BY?hl=en&amp;amp;fs=1" />
                                                    <param name="allowFullScreen" value="true" />
                                                    <param name="quality" value="high" />
                                                </object>
                                            </center>
                                        </div>
                                        <a class="fancybox3036" href="#youtubeID3036" title="Beardyman and Reggie Watts on Channel 4 Headspace">
                                            <img id="Img46" runat="server" src="/Content/files/2_006.jpg" alt="Beardyman and Reggie Watts on Channel 4 Headspace"></a>
                                        <script language="javascript" type="text/javascript"> 
	    /* <![CDATA[ */
	    jQuery(document).ready(function() {
	    if( ! jQuery("a.fancybox3036").fancybox({
				    hideOnContentClick: false,
												    zoomSpeedIn: 500,
				    zoomSpeedOut: 1,
				    overlayShow: 1,
				    overlayOpacity: 0.7,
				    centerOnScroll: 1,
				    frameWidth: 640,
				    frameHeight: 380 }) ) 
		    jQuery("a.fancybox3036").fancybox();
    });
    /* ]]> */
                                        </script>
                                        <div style="display: none;" id="youtubeID3036">
                                            <center>
                                                <object type="application/x-shockwave-flash" data="/Content/files/i18_4jZbrQ4" height="380"
                                                    width="640">
                                                    <param name="movie" value="http://www.youtube.com/v/i18_4jZbrQ4?hl=en&amp;amp;fs=1" />
                                                    <param name="allowFullScreen" value="true" />
                                                    <param name="quality" value="high" />
                                                </object>
                                            </center>
                                        </div>
                                        <a class="fancybox557" href="#youtubeID557" title="A Closer Look At The iPhone">
                                            <img id="Img47" runat="server" src="/Content/files/2_005.jpg" alt="A Closer Look At The iPhone"></a>
                                        <script language="javascript" type="text/javascript"> 
	    /* <![CDATA[ */
	    jQuery(document).ready(function() {
	    if( ! jQuery("a.fancybox557").fancybox({
				    hideOnContentClick: false,
												    zoomSpeedIn: 500,
				    zoomSpeedOut: 1,
				    overlayShow: 1,
				    overlayOpacity: 0.7,
				    centerOnScroll: 1,
				    frameWidth: 640,
				    frameHeight: 380 }) ) 
		    jQuery("a.fancybox557").fancybox();
    });
    /* ]]> */
                                        </script>
                                        <div style="display: none;" id="youtubeID557">
                                            <center>
                                                <object type="application/x-shockwave-flash" data="/Content/files/YgW7or1TuFk" height="380"
                                                    width="640">
                                                    <param name="movie" value="http://www.youtube.com/v/YgW7or1TuFk?hl=en&amp;amp;fs=1" />
                                                    <param name="allowFullScreen" value="true" />
                                                    <param name="quality" value="high" />
                                                </object>
                                            </center>
                                        </div>
                                        <a class="fancybox4338" href="#youtubeID4338" title="Star Wars: The Old Republic E3 2009 Jedi vs. Sith Trailer [HQ]">
                                            <img id="Img48" runat="server" src="/Content/files/2_004.jpg" alt="Star Wars: The Old Republic E3 2009 Jedi vs. Sith Trailer [HQ]"></a>
                                        <script language="javascript" type="text/javascript"> 
	    /* <![CDATA[ */
	    jQuery(document).ready(function() {
	    if( ! jQuery("a.fancybox4338").fancybox({
				    hideOnContentClick: false,
												    zoomSpeedIn: 500,
				    zoomSpeedOut: 1,
				    overlayShow: 1,
				    overlayOpacity: 0.7,
				    centerOnScroll: 1,
				    frameWidth: 640,
				    frameHeight: 380 }) ) 
		    jQuery("a.fancybox4338").fancybox();
    });
    /* ]]> */
                                        </script>
                                        <div style="display: none;" id="youtubeID4338">
                                            <center>
                                                <object type="application/x-shockwave-flash" data="/Content/files/DOvbv-LkK6w" height="380"
                                                    width="640">
                                                    <param name="movie" value="http://www.youtube.com/v/DOvbv-LkK6w?hl=en&amp;amp;fs=1" />
                                                    <param name="allowFullScreen" value="true" />
                                                    <param name="quality" value="high" />
                                                </object>
                                            </center>
                                        </div>
                                        <a class="fancybox7545" href="#youtubeID7545" title="Bare-Knuckle Brawling : KICK ASS ! | 2009">
                                            <img id="Img49" runat="server" src="/Content/files/2.jpg" alt="Bare-Knuckle Brawling : KICK ASS ! | 2009"></a>
                                        <script language="javascript" type="text/javascript"> 
	    /* <![CDATA[ */
	    jQuery(document).ready(function() {
	    if( ! jQuery("a.fancybox7545").fancybox({
				    hideOnContentClick: false,
												    zoomSpeedIn: 500,
				    zoomSpeedOut: 1,
				    overlayShow: 1,
				    overlayOpacity: 0.7,
				    centerOnScroll: 1,
				    frameWidth: 640,
				    frameHeight: 380 }) ) 
		    jQuery("a.fancybox7545").fancybox();
    });
    /* ]]> */
                                        </script>
                                        <div style="display: none;" id="youtubeID7545">
                                            <center>
                                                <object type="application/x-shockwave-flash" data="/Content/files/ezdfVbOqzRc" height="380"
                                                    width="640">
                                                    <param name="movie" value="http://www.youtube.com/v/ezdfVbOqzRc?hl=en&amp;amp;fs=1" />
                                                    <param name="allowFullScreen" value="true" />
                                                    <param name="quality" value="high" />
                                                </object>
                                            </center>
                                        </div>
                                        <a class="fancybox8855" href="#youtubeID8855" title="Bernard the bear:The desert island">
                                            <img id="Img50" runat="server" src="/Content/files/2_002.jpg" alt="Bernard the bear:The desert island"></a>
                                        <script language="javascript" type="text/javascript"> 
	    /* <![CDATA[ */
	    jQuery(document).ready(function() {
	    if( ! jQuery("a.fancybox8855").fancybox({
				    hideOnContentClick: false,
												    zoomSpeedIn: 500,
				    zoomSpeedOut: 1,
				    overlayShow: 1,
				    overlayOpacity: 0.7,
				    centerOnScroll: 1,
				    frameWidth: 640,
				    frameHeight: 380 }) ) 
		    jQuery("a.fancybox8855").fancybox();
    });
    /* ]]> */
                                        </script>
                                        <div style="display: none;" id="youtubeID8855">
                                            <center>
                                                <object type="application/x-shockwave-flash" data="/Content/files/XOZw7sBUI7s" height="380"
                                                    width="640">
                                                    <param name="movie" value="http://www.youtube.com/v/XOZw7sBUI7s?hl=en&amp;amp;fs=1" />
                                                    <param name="allowFullScreen" value="true" />
                                                    <param name="quality" value="high" />
                                                </object>
                                            </center>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div style="position: absolute; left: 0px; display: block;" class="ja-tab-content">
                                <div class="ja-tab-subcontent">
                                    <div class="ja-video-thumb">
                                        <a class="fancybox1431" href="/Content/files/gl-1.png" title="Sample image">
                                            <img id="Img51" runat="server" src="/Content/files/gl-1.png" alt="Sample image" width="100"></a>
                                        <script language="javascript" type="text/javascript"> 
    /* <![CDATA[ */
    jQuery(document).ready(function() {
    if( ! jQuery("a.fancybox1431").fancybox({
		    imageScale:1,
						    centerOnScroll: 1}) ) 
	    { document.write(''); }
    });
    /* ]]> */
                                        </script>
                                        <a class="fancybox208" href="/Content/files/gl-2.png" title="Sample image">
                                            <img id="Img52" runat="server" src="/Content/files/gl-2.png" alt="Sample image" width="100"></a>
                                        <script language="javascript" type="text/javascript"> 
    /* <![CDATA[ */
    jQuery(document).ready(function() {
    if( ! jQuery("a.fancybox208").fancybox({
		    imageScale:1,
						    centerOnScroll: 1}) ) 
	    { document.write(''); }
    });
    /* ]]> */
                                        </script>
                                        <a class="fancybox2300" href="/Content/files/gl-3.png" title="Sample image">
                                            <img id="Img53" runat="server" src="/Content/files/gl-3.png" alt="Sample image" width="100"></a>
                                        <script language="javascript" type="text/javascript"> 
    /* <![CDATA[ */
    jQuery(document).ready(function() {
    if( ! jQuery("a.fancybox2300").fancybox({
		    imageScale:1,
						    centerOnScroll: 1}) ) 
	    { document.write(''); }
    });
    /* ]]> */
                                        </script>
                                        <a class="fancybox7819" href="/Content/files/gl-4.jpg" title="Sample image">
                                            <img id="Img54" runat="server" src="/Content/files/gl-4.jpg" alt="Sample image" width="100"></a>
                                        <script language="javascript" type="text/javascript"> 
    /* <![CDATA[ */
    jQuery(document).ready(function() {
    if( ! jQuery("a.fancybox7819").fancybox({
		    imageScale:1,
						    centerOnScroll: 1}) ) 
	    { document.write(''); }
    });
    /* ]]> */
                                        </script>
                                        <a class="fancybox7089" href="/Content/files/gl-5.jpg" title="Sample image">
                                            <img id="Img55" runat="server" src="/Content/files/gl-5.jpg" alt="Sample image" width="100"></a>
                                        <script language="javascript" type="text/javascript"> 
    /* <![CDATA[ */
    jQuery(document).ready(function() {
    if( ! jQuery("a.fancybox7089").fancybox({
		    imageScale:1,
						    centerOnScroll: 1}) ) 
	    { document.write(''); }
    });
    /* ]]> */
                                        </script>
                                        <a class="fancybox9117" href="/Content/files/gl-6.jpg" title="Sample image">
                                            <img id="Img56" runat="server" src="/Content/files/gl-6.jpg" alt="Sample image" width="100"></a>
                                        <script language="javascript" type="text/javascript"> 
    /* <![CDATA[ */
    jQuery(document).ready(function() {
    if( ! jQuery("a.fancybox9117").fancybox({
		    imageScale:1,
						    centerOnScroll: 1}) ) 
	    { document.write(''); }
    });
    /* ]]> */
                                        </script>
                                    </div>
                                </div>
                            </div>
                            <div style="position: absolute; left: 0px; display: none;" class="ja-tab-content">
                                <div class="ja-tab-subcontent">
                                    <ul class="bookmark-links">
                                        <li><a id="A18" runat="server" class="fancybox2551 iframe" href="http://www.facebook.com/"
                                            title="www.facebook.com">Facebook </a>
                                            <script language="javascript" type="text/javascript"> 
			    /* <![CDATA[ */
			    jQuery(document).ready(function() {
			    jQuery("a.fancybox2551").fancybox({
						    hideOnContentClick: false,
																		    zoomSpeedIn: 500,
						    zoomSpeedOut: 500,
						    overlayShow: 1,
						    overlayOpacity: 0.7,
						    centerOnScroll: 1,
						    frameWidth: 1024,
						    frameHeight: 600 })
			    });
			    /* ]]> */
                                            </script>
                                        </li>
                                        <li><a class="fancybox6112 iframe" href="http://google.com/" title="">Google</a>
                                            <script language="javascript" type="text/javascript"> 
			    /* <![CDATA[ */
			    jQuery(document).ready(function() {
			    jQuery("a.fancybox6112").fancybox({
						    hideOnContentClick: false,
																		    zoomSpeedIn: 500,
						    zoomSpeedOut: 500,
						    overlayShow: 1,
						    overlayOpacity: 0.7,
						    centerOnScroll: 1,
						    frameWidth: 1024,
						    frameHeight: 600 })
			    });
			    /* ]]> */
                                            </script>
                                        </li>
                                        <li><a class="fancybox7717 iframe" href="http://www.facebook.com" title="">FaceBook</a>
                                            <script language="javascript" type="text/javascript"> 
			    /* <![CDATA[ */
			    jQuery(document).ready(function() {
			    jQuery("a.fancybox7717").fancybox({
						    hideOnContentClick: false,
																		    zoomSpeedIn: 500,
						    zoomSpeedOut: 500,
						    overlayShow: 1,
						    overlayOpacity: 0.7,
						    centerOnScroll: 1,
						    frameWidth: 1024,
						    frameHeight: 600 })
			    });
			    /* ]]> */
                                            </script>
                                        </li>
                                        <li><a class="fancybox5662 iframe" href="http://www.youtube.com" title="">Youtube</a>
                                            <script language="javascript" type="text/javascript"> 
			    /* <![CDATA[ */
			    jQuery(document).ready(function() {
			    jQuery("a.fancybox5662").fancybox({
						    hideOnContentClick: false,
																		    zoomSpeedIn: 500,
						    zoomSpeedOut: 500,
						    overlayShow: 1,
						    overlayOpacity: 0.7,
						    centerOnScroll: 1,
						    frameWidth: 1024,
						    frameHeight: 600 })
			    });
			    /* ]]> */
                                            </script>
                                        </li>
                                        <li><a class="fancybox8398 iframe" href="http://www.iconfinder.net/" title=""><strong>
                                            Icon Finder</strong><br>
                                            Tool icons | Free icons </a>
                                            <script language="javascript" type="text/javascript"> 
			    /* <![CDATA[ */
			    jQuery(document).ready(function() {
			    jQuery("a.fancybox8398").fancybox({
						    hideOnContentClick: false,
																		    zoomSpeedIn: 500,
						    zoomSpeedOut: 500,
						    overlayShow: 1,
						    overlayOpacity: 0.7,
						    centerOnScroll: 1,
						    frameWidth: 1024,
						    frameHeight: 600 })
			    });
			    /* ]]> */
                                            </script>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <script type="text/javascript" charset="utf-8">
                    window.addEvent("load", init);
                    function init() {
                        myTabs1 = new JATabs("myTab-2092798152", { animType: 'animNone', style: 'teline_iii', position: 'top', width: '100%', height: 'auto', mouseType: 'click', duration: 1000, colors: 10, useAjax: false, skipAnim: false });
                    }
                    //new JATabs("myTab-2092798152", {animType:'animNone',style:'teline_iii',position:'top',width:'100%',height:'auto',mouseType:'click',duration:1000,colors:10,useAjax:false,skipAnim:false});													
                </script>
            </div>
        </div>

        <div class="ja-moduletable moduletable_tabs clearfix" id="Mod102">
            <div class="ja-box-ct clearfix">
            </div>
        </div>
        <div class="ja-moduletable moduletable clearfix" id="Mod99">
            <div class="ja-box-ct clearfix">
                <a id="A19" runat="server" href="http://#vzdemo" title="">
                    <img  src="/Content/files/what-new.jpg" alt=""></a>
            </div>
        </div>
    </div>
    <div class="ja-colswrap clearfix ja-r2">
       <%Html.RenderPartial("RightContent/TinTieuDiem"); %>
    </div>
    <div class="ja-mass ja-mass-bottom clearfix">
        <div class="ja-moduletable moduletable_hilite badge-top clearfix" id="Mod94">
            <span class="badge">&nbsp;</span>
            <h3>
                <span>Giới thiệu sách mới</span></h3>
            <div class="ja-box-ct clearfix">
                <div class="clearfix">
                    <img runat="server" src="/Content/files/book-review.jpg" alt="The Battle for America 2008"
                        style="border: 5px solid rgb(204, 204, 204); padding: 5px; margin-right: 10px;"
                        align="left">
                    <h4>
                        The Battle for America 2008: The Story of an Extraordinary Election</h4>
                    <p>
                        Fringilla justo vel pretium at Vestibulum dui tellus wisi congue auctor. Augue Nullam
                        amet Phasellus Ut eu sociis libero id libero est. In interdum ac nibh habitasse
                        malesuada nibh justo at orci Maecenas. Massa sociis quis et odio massa id id Pellentesque
                        vestibulum interdum.</p>
                    <a href="#" title="Comment" class="comment">Discuss: Do you think about this book?</a>
                </div>
            </div>
        </div>
        <div class="ja-moduletable moduletable clearfix" id="Mod93">
            <h3>
                <span>Thời sự nóng</span></h3>
            <div class="ja-box-ct clearfix">
                <div class="discussion-wrap clearfix">
                    <div class="discussion-content">
                        <img runat="server" src="/Content/files/discussion.jpg" alt="" align="left">
                        <h4>
                            <a href="#" title="Discussion">Iran appoints new judiciary head</a></h4>
                        Ac Nunc tempor a eget et morbi Vivamus vitae nunc metus. Morbi feugiat neque tellus
                        justo commodo hac lacinia gravida Curabitur Curabitur. Risus ut Phasellus eget Vivamus
                        dis justo cursus semper <a class="comment" title="Comment" href="#">Comment</a>&nbsp;&nbsp;<a
                            class="video" title="Video" href="#">Video</a>&nbsp;&nbsp;<a class="photo" title="Slideshow"
                                href="#">Slideshow</a>
                    </div>
                </div>
                <span class="author"><strong>Kí giả:</strong> Mr Đàm</span>
            </div>
        </div>
        <div class="ja-moduletable moduletable_text clearfix" id="Mod38">
            <h3>
                <span>Quảng cáo</span></h3>
            <div class="ja-box-ct clearfix">
                <div class="bannergroup_text">
                    <div class="bannerheader">
                        Links:</div>
                    <div class="banneritem_text">
                        <a href="http://#vzdemo" target="_blank">Thuốc tăng trưởng con Gà Ác</a>
                        <br />
                        Ăn nhiều chóng lớn<div class="clr">
                        </div>
                    </div>
                    <div class="banneritem_text">
                        <a href="http://#vzdemo" target="_blank">Lửa Vịt</a>
                        <br />
                        Tàu du lịch con thoi giá rẻ.<div class="clr">
                        </div>
                    </div>
                    <div class="banneritem_text">
                        <a href="http://#vzdemo" target="_blank">Đầm Sen</a>
                        <br />
                        Xem cá sấu biểu diễn hút thuốc lào.<div class="clr">
                        </div>
                    </div>
                    <div class="banneritem_text">
                        <a href="http://#vzdemo" target="_blank">Cinemin</a>
                        <br />
                        Coi phin kinh dị.<div class="clr">
                        </div>
                    </div>
                    <div class="bannerfooter_text">
                        <a href="http://#vzdemo">Tài trợ bởi Google</a>
                    </div>
                </div>
            </div>
        </div>
        <div class="ja-moduletable moduletable clearfix" id="Mod92">
            <div class="ja-box-ct clearfix">
                <img runat="server" src="/Content/files/bmw-x5.jpg" alt="BMW-X5" />
            </div>
        </div>
    </div>
</asp:Content>
